<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品评价</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/comments.css" />
		<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
		<script src="js/comments.js" type="text/javascript"></script>
		<script src="js/base.js" type="text/javascript"></script>
	</head>

	<body>
		<div class="header_box">
			<div class="header">
				<p>您好，欢迎光临波士蒙斯商城</p>|
				<a href="login.html">您好！路人甲</a>
				<div class="header_right">
					<div class="use">
						<p id="use">我的波士蒙斯</p>|
						<ul id="core" style="display: none;">
							<li>
								<a href="user.html">我的用户中心</a>
							</li>
							<li>
								<a href="shop_cart.html">我的购物车</a>
							</li>
							<li>
								<a href="order.html">我的订单</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="comments.html">我的评价</a>
							</li>
							<li>
								<a href="#">我的余额</a>
							</li>
						</ul>
					</div>
					<a href="#">网站导航</a>|
					<a href="#">帮助中心</a>|
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="logo">
				<a href="index.html"><img src="img/e.png" /></a>
			</div>
			<div class="search_box">
				<div class="search">
					<from>
						<input type="text" class="search_text" value />
						<input type="button" class="search_button" value="搜索" />
					</from>
				</div>
				<div class="search_tip">
					<ul>
						<li>
							<a href="#">花花公子</a>
						</li>
						<li>
							<a href="#">GXG</a>
						</li>
						<li>
							<a href="#">森马</a>
						</li>
						<li>
							<a href="#">美特斯邦威</a>
						</li>
						<li>
							<a href="#">七匹狼</a>
						</li>
						<li>
							<a href="#">特步</a>
						</li>
						<li>
							<a href="#">李宁</a>
						</li>
						<li>
							<a href="#">鸿星尔克</a>
						</li>
					</ul>
				</div>
			</div>
			<img src="img/r.png" />
		</div>
		<div class="menu">
			<h2>商品分类</h2>

			<ul>
				<li class="on">
					<a href="index.html">新品上市</a>
				</li>
				<li>
					<a href="shop_list.html">特惠商品</a>
				</li>
				<li>
					<a href="shop_list.html">团购专区</a>
				</li>
				<li>
					<a href="shop_list.html">秒杀</a>
				</li>
				<li>
					<a href="shop_list.html">海外品牌</a>
				</li>
				<li>
					<a href="shop_list.html">国内品牌</a>
				</li>
				<li>
					<a href="shop_list.html">会员专区</a>
				</li>
			</ul>

		</div>
		<div class="reviews">
			<h3>商品评价</h3>
			<div class="com_pic">
				<img src="img/o2.jpg" />
				<div class="com_intro">
					<p>品名</p><span>花花公子贵宾系列 t恤男2017 新款商务休闲时尚立领印花纯棉长袖T恤男兔头|白色长袖 180/XL</span>
					<p>价格</p><span><i>￥199.00</i></span>
					<p>数量</p><span><i>1</i>件</span>
					<p>月销售</p><span><i>13000</i>件</span>
					<p>评价</p>
					<div class="starts">
						<ul id="pingStar">
							<li rel="1" title="特别差，给1分"></li>
							<li rel="2" title="很差，给2分"></li>
							<li rel="3" title="一般般，给3分"></li>
							<li rel="4" title="很好，给4分"></li>
							<li rel="5" title="全五星好评"></li>
							<span id="dir"></span>
						</ul>
						<input type="hidden" value="" id="startP">
					</div>
				</div>
			</div>
			<h4>评价得分</h4>
			<div class="reviews_box">
				<div class="rating">
					<p>5</p><i><img src="img/r3.png" /><img src="img/r3.png" /><img src="img/r3.png" /><img src="img/r3.png" /><img src="img/r3.png" /></i>
				</div>
				<span>与宝贝叙述一致哦！</span>
				<div class="rating_bar1">
					<p><b>1</b><b>2</b><b>3</b><b>4</b><b>5</b></p>
				</div>
				<div class="rating_bar2">
					<p><b>非常不满意</b><b>不满意</b><b>一般</b><b>满意</b><b>非常满意</b></p>
				</div>
				<div class="frame">
					<h5>留下您宝贵的建议</h5>
					<p>您的评论：</p>
					<form><textarea></textarea>
						<div id="dd"></div>
						<input type="file" name="file" id="doc" multiple="multiple" style="width:50px; display: none;" onchange="javascript:setImagePreviews();" accept="image/*">
						<label for="doc" class="doc">上传图片</label><i>0/5</i>
						<label id="app"><i></i><input type="checkbox" id="checkbox"/>匿名评价</label>
						<input type="submit" id="submit" value="提交评价" />
					</form>
				</div>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li><img src="img/j.png" />
					<h2>正品保障</h2>
					<p>正品保障 提供发票</p>
				</li>
				<li><img src="img/k.png" />
					<h2>急速物流</h2>
					<p>如约送货 送货入户</p>
				</li>
				<li><img src="img/l.png" />
					<h2>售后无忧</h2>
					<p>退换无忧 维权无忧</p>
				</li>
				<li><img src="img/z.png" />
					<h2>特色服务</h2>
					<p>私人订制休闲套餐</p>
				</li>
			</ul>
			<div class="mod_help">

				<dl>
					<dt>购物指南</dt>
					<dd>
						<a href="#">导购演示</a>
					</dd>
					<dd>
						<a href="#">免费注册</a>
					</dd>
					<dd>
						<a href="#">会员等级</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
					<dd>
						<a href="#">品牌大全</a>
					</dd>
				</dl>

				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">网银支付</a>
					</dd>
					<dd>
						<a href="#">快捷支付</a>
					</dd>
					<dd>
						<a href="#">分期支付</a>
					</dd>
					<dd>
						<a href="#">货到付款</a>
					</dd>
				</dl>

				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">免运费政策</a>
					</dd>
					<dd>
						<a href="#">配送服务承诺</a>
					</dd>
					<dd>
						<a href="#">验货签收</a>
					</dd>
					<dd>
						<a href="#">物流查询</a>
					</dd>
				</dl>

				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="#">退换货政策</a>
					</dd>
					<dd>
						<a href="#">退换货流程</a>
					</dd>
					<dd>
						<a href="#">购买延保服务</a>
					</dd>
					<dd>
						<a href="#">退款说明</a>
					</dd>
					<dd>
						<a href="#">退换货申请</a>
					</dd>
				</dl>

				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="#">商家入驻</a>
					</dd>
					<dd>
						<a href="#">培训中心</a>
					</dd>
					<dd>
						<a href="#">广告服务</a>
					</dd>
					<dd>
						<a href="#">商家帮助</a>
					</dd>
					<dd>
						<a href="#">服务市场</a>
					</dd>
					<dd>
						<a href="#">规则中心</a>
					</dd>
				</dl>

				<dl>
					<dt>身边商城</dt>
					<dd>
						<a href="#">连锁门店</a>
					</dd>
					<dd>
						<a href="#">地理位置</a>
					</dd>
					<dd>
						<a href="#">为您服务</a>
					</dd>
				</dl>

			</div>
			<div class="copyright">
				<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
			</div>
		</div>
	</body>

</html>